<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>app下载页</title>
    <link rel="stylesheet" href="__STATIC__/plugins/font-awesome/css/font-awesome.min.css" type="text/css" />
    <style>
    *{margin: 0;padding: 0;}
    .main{
        max-width: 750px;
        margin: 0 auto;
        height: 100%;
        background-color: #fafafa;
    }
    .head{
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        height: 50%;
        box-sizing: border-box;
        background: -webkit-linear-gradient(#4dadfe,#0ee4fe);
        background: -o-linear-gradient(#4dadfe,#0ee4fe);
        background: -moz-linear-gradient(#4dadfe,#0ee4fe);
        background: linear-gradient(#4dadfe,#0ee4fe);

    }
    .head .app-icon{
        width: 30%;
        margin: 0 auto;
    }
    .head .app-icon img{width: 100%;height: 100%;}
    .app-name{color: #fff;font-weight: 600;margin: 15px 0 10px 0;text-align: center}
    .app-desc{color: #fff;text-align: center;font-size: 14px}

    .footer{
        height: 50%;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding: 15% 0px;
    }
    .footer .btn{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 60%;
        margin: 0 auto;
        background-color: #4dadfe;
        padding: 10px 20px;
        border-radius: 10px;
        text-decoration:none;
        color: #76ec76;
    }
    .footer .btn:nth-child(2){color:#000}
    .footer .btn span{color:#fff;padding-left: 10px}
    </style>
</head>
<body>
    <div class="main">
        <div class="head">
            <div class="app-icon">
                <img src="{:WSTConf('CONF.resourcePath')}/{:WSTConf('CONF.appLogo')}" alt="" />
            </div>
            <p class="app-name">{:WSTConf('CONF.appName')}</p>
            <p class="app-desc">{:WSTConf('CONF.appDesc')}</p>
        </div>
        <div class="footer">
            <a href="{:WSTConf('CONF.apkUrl')}" class="btn">
                <i class="fa fa-android fa-3x"></i>
                <span>Android下载</span>
            </a>
            <a href="{:WSTConf('CONF.ipaUrl')}" class="btn">
                <i class="fa fa-apple fa-3x"></i>
                <span>iphone下载</span>
            </a>
        </div>
    </div>
</body>
<script type="text/javascript" src="__STATIC__/js/jquery.min.js?v={$v}"></script>
<script>
    $(".main").height($(window).height())
    $(window).resize(function() {
        $(".main").height($(window).height())
    })
</script>

</html>